<section id="main">
	<div class="row-fluid">
		<div class="span12">
			<hr class="main">
			<ul class="breadcrumbs">
				<li><?php echo $this->Html->link('Publisher Dashboard', '/pages/dashboard', array('class' => 'crumb')); ?> <span class="divider">|</span> </li>
				<li><?php echo $this->Html->link('Audience Technology', '/pages/dashboard-technology', array('class' => 'crumb')); ?> <span class="divider">|</span> </li>
				<li><?php echo $this->Html->link('Audience by Location', '#', array('class' => 'crumb active')); ?> <span class="divider"> |</span> </li>
				<li><?php echo $this->Html->link('Audience in Realtime', '/pages/world-map', array('class' => 'crumb')); ?></li>
			</ul>
			<hr class="main">
		</div>
	</div>
	<div class="box bordered">
	<div class="box inner white">
	<div class="row-fluid padded10">
	<div class="section-title">Where are your users located?</div>
	<div class="row-fluid">
	<div class="span6">
		<div class="box bordered">
			<div class="box-header"> <i class="icon-bar-chart"></i> Realtime location trend </div>
			<div class="padded">
				<div class="row-fluid">
					<div class="span12">
						<div class="chart" id="site-visits" style="width: 100%; height: 300px;"></div>
						<br>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="row-fluid">
		<div class="span6">
			<div class="box bordered" style="position:relative;">
				<div class="box-header" > <i class="icon-info-sign"></i> Audience by Country </div>
				<table class="table">
					<thead>
						<tr>
							<th>(check)</th>
							<th>Country</th>
							<th>Visits</th>
							<th>Pageviews</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td><label class="checkbox">
									<input type="checkbox" value="">
								</label></td>
							<td style="line-height: 24px;"><span class="flag"> <img src="../../images/flags/Sweden.png" /> </span> Sweden </td>
							<td>3845</td>
							<td>5.55</td>
						</tr>
						<tr>
							<td><label class="checkbox">
									<input type="checkbox" value="">
								</label></td>
							<td style="line-height: 24px;"><span class="flag"> <img src="../../images/flags/Romania.png" /> </span> Romania </td>
							<td>2887</td>
							<td>4.29</td>
						</tr>
						<tr>
							<td><label class="checkbox">
									<input type="checkbox" value="">
								</label></td>
							<td style="line-height: 24px;"><span class="flag"> <img src="../../images/flags/Italy.png" /> </span> Italy </td>
							<td>2411</td>
							<td>4.11</td>
						</tr>
						<tr>
							<td><label class="checkbox">
									<input type="checkbox" value="">
								</label></td>
							<td style="line-height: 24px;"><span class="flag"> <img src="../../images/flags/Germany.png" /> </span> Germany </td>
							<td>1996</td>
							<td>3.69</td>
						</tr>
						<tr>
							<td><label class="checkbox">
									<input type="checkbox" value="">
								</label></td>
							<td style="line-height: 24px;"><span class="flag"> <img src="../../images/flags/Spain.png" /> </span> Spain </td>
							<td>1685</td>
							<td>3.08</td>
						</tr>
						<tr>
							<td><label class="checkbox">
									<input type="checkbox" value="">
								</label></td>
							<td style="line-height: 24px;"><span class="flag"> <img src="../../images/flags/Finland.png" /> </span> Finland </td>
							<td>1054</td>
							<td>2.88</td>
						</tr>
					</tbody>
					<tfoot>
						<tr>
							<td colspan="4"><div class="pagination blue-pag light-theme blue-theme pull-right">
									<ul>
										<li><a href="#">«</a></li>
										<li><a href="#">1</a></li>
										<li class="active"><a href="#">2</a></li>
										<li class="disabled"><a href="#">...</a></li>
										<li><a href="#">9</a></li>
										<li><a href="#">»</a></li>
									</ul>
								</div></td>
						</tr>
					</tfoot>
				</table>
			</div>
		</div>
	</div>
</section>